<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
		<title>生命体征检测云平台</title>
		<link rel="shortcut icon" href="static/logo.ico" />
		<link rel="stylesheet" href="static/css/index.css" />
		<link rel="stylesheet" href="static/layui/css/layui.css" />
		<script type="text/javascript" src="static/js/jquery.min.js"></script>
		<script src="static/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="static/js/vue.js"></script>
		<script type="text/javascript" src="static/js/axios.min.js"></script>
		<style>
			html,
			body,
			#container {
				height: 100%;
				width: 100%;
			}

			.container {
				height: auto;
				width: 100%;
			}

			.container 2 {
				height: auto;
				width: 100%;
			}

			.collision-btn.disable {
				background-image: none;
				color: lightgrey;
				border-color: lightgrey;
				cursor: not-allowed;
			}

			.collision-btn.disable:hover {
				background-color: #fff;
				border-color: lightgrey;
			}

			.input-card .btn {
				margin-right: .8rem;
			}

			.amap-marker {
				opacity: 0.01;
			}

			.nav-right {
				top: 1.5rem !important;
			}

			.info {
				z-index: 999 !important;
			}

			.layui-form-label {
				width: 110px;
				font-size: 14px !important;
			}

			::-webkit-input-placeholder {
				/*Webkit browsers*/
				color: #999;
				font-size: 13px;
			}

			:-moz-placeholder {
				/*Mozilla Firefox 4 to 8*/
				color: #999;
				font-size: 13px;
			}

			::moz-placeholder {
				/*Mozilla Firefox 19+*/
				color: #999;
				font-size: 13px;
			}

			:-ms-input-placeholder {
				/*Internet Explorer 10+*/
				color: #999;
				font-size: 13px;
			}

			.layui-form-pane .layui-input {
				height: 38px !important;
			}

			.textshow p {
				line-height: 30px;
			}
		</style>
		<script>
			layui.use(['form', 'layedit', 'laydate', 'dropdown'], function() {
				var form = layui.form,
					layer = layui.layer,
					layedit = layui.layedit,
					laydate = layui.laydate,
					dropdown = layui.dropdown;
				dropdown.on('click(docDemoMenu1)', function(options) {
					var othis = $(this); //当前菜单列表的 DOM 对象
					console.log(options.url)

				});
				laydate.render({
					elem: '#date1'
				});
			});
			$(function() {
				$("#pnav").load("public_navigation.html");
				$(".sign_out").click(function() {
					localStorage.clear();
					window.location = 'login.html'
				});
			});
		</script>
	</head>
	<body>
		<div id="app">
			<div style="margin-top: 70px;background-color: #e5e5e5;"></div>
			<div class="layui-panel" style="float: left; width: 10% !important;" id="pnav">
			</div>
			<div class="container" style="width: 90% !important; float: right;padding-left: 30px;">
				<div class="layui-fluid">
					<fieldset class="layui-elem-field layui-field-title">
						<legend>服务协议</legend>
					</fieldset>
					<div class="layui-row">
						<div class="layui-col-sm12"
							style="padding: 20px;box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);background: #fff;">
							<div class="grid-demo grid-demo-bg1">
								<div class="layui-row">
									<div class="layui-col-md12 textshow" style="font-size: 16px;padding: 20px;">
										<p>
											<span style="font-size: 18px;">服务协议&用户须知</span>
										</p>
										<p>
											　在此特别提醒用户认真阅读、充分理解本《服务协议》（下称"本协议"）中各条款，特别涉及免除或者限制本公司责任、争议解决和法律适用的条款。请您审慎阅读并选择接受或不接受本协议。
										</p>
										<p>
											您使用上工智能生命监测APP等行为将视为对本协议的接受，并同意接受本协议各项条款的约束。如您不同意本协议，请勿使用本产品。 上工智能（如下简称"本公司")有权修订本协议，更新后的协议条款将公布于上工智能生命监测APP中，自公布之日起生效。
										</p>
										<p>1.1. 上工智能生命监测APP是用于连接智能设备的软件，是一款整合设备的心跳呼吸数据采集与健康监测的应用程序。本软件及服务的所有权和运营权均归上工智能所有。
										</p>
										<p>1.2
											本协议是您（如下也称"用户"）与上工智能及其关联公司以及运营合作单位（如下简称"合作单位"）之间关于用户使用上工智能生命监测APP（下称"本软件"）以及使用其他相关服务所订立的协议。
										</p>
										<p>1.3.本软件及服务包括： </p>
										<p>1.3.1 提供的软件及服务用于智能设备，为使用该智能设备的用户提供设备的连接与绑定、心跳呼吸脉搏的数据服务，具体以上工智能生命监测APP
											实际提供的服务为准。 </p>
										<p>1.3.2
											本公司有权对上工智能生命监测APP进行更新升级服务，用户不得通过非本公司开发、授权或认可的第三方兼容软件、使用本软件及服务，或制作、发布、传播上述工具。
										</p>
										<p>1.3.3
											本公司是本软件的知识产权权利人。本软件的一切著作权、商标权、专利权、商业秘密等知识产权，以及与本软件相关的所有信息内容均受当地法律法规和相应的国际条约保护，上工智能有上述知识产权。
										</p>

										<p>1.4
											用户须理解，上工智能生命监测APP仅为用户购买本公司产品提供本软件及相关服务，除此之外安装上工智能生命监测APP需要用户开放存储权限，蓝牙使用权限。本软件没有使用网络，如用户终端产生的费用、接入互联网而支付的上网费，均应由用户自行负担
										</p>
										<p>1.4.1
											用户理解并同意，本公司会尽其对用户负责至上的合理努力保障用户在本软件及服务中的数据存储安全，但本公司不能提供完全保证，用户须理解，本软件不对服务中的数据的删除或储存或备份失败负责。
										</p>
										<p>1.5 本公司不保证通过本软件获得的信息内容的合法性，本公司不对用户基于查询、查看做出的任何行为的结果承担任何责任。</p>
										<p>1.6 本软件与设备只采集心跳、呼吸、脉搏等数据，为健康、亚健康人群进行健康体征监测，所有数据信息只供参考，如果用户身体不适，请立即就医。</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="info">
				<div class="nav-left">
			 	<a class="login"></a>
					<a class="hometext" href="index.html" v-if="uInfoData.loginType !=1">首页</a>
					<a class="hometext" href="home.html" v-if="uInfoData.loginType == 1">首页</a>
				</div>
				<div class="nav-right">
					<ul>
						<li><a href="monitoring.html" v-if="uInfoData.loginType !=1">监测</a></li>
						<li><a href="historical_data.html" v-if="uInfoData.loginType !=1">历史数据</a></li>
						<li><a href="historical_info.html" v-if="uInfoData.loginType == 1">历史数据</a></li>
						<li><a href="call_p.html">离床报警</a></li>
						<li><a href="#">康养中心</a></li>
						<li><a href="#">中医问诊</a></li>
					</ul>
				</div>
				<div class="userinfo" id="userinfo">
					<img src="static/image/user.png" />
					<!-- <div class="red-dot"></div> -->
					<ul class="user_dropdown">
						<li class="dropdown_item user_ctrl">
							<div class="nickname">小店区（管理员）</div>
							<div class="sign_out">退出</div>
						</li>
						<li class="dropdown_item msg_item">
							<a href="user.html" target="_blank">
								<span>个人中心</span>
							</a>
						</li>
						<li class="dropdown_item msg_item">
							<a href="my_message.html" target="_blank">
								<span>我的消息</span>
								<span class="msg_unread unread_count show">5</span>
							</a>
						</li>
						<li class="dropdown_item">
							<a href="equipment.html">
								<span>设备</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="static/js/config.js"></script>
		<script>
			var vm = new Vue({
				el: '#app', //设置当前vue对象可以操作数据的范围,注意不要把vue对象绑定到body中，因为这样，vue需要控制整个页面的内容，效率太低了
				data: {
					uInfoData: [],
				},
				ready: function() {
					// this.getdata();
				},
				created: function() {
					this.getdata();
				},
				methods: {
					getdata: function() {
						var rloginName = localStorage.loginName;
						console.log(rloginName)
						if (rloginName == '' || rloginName == 'null' || rloginName == undefined) {
							layer.msg('登录过期或者无权访问！', {
								time: 1000,
								end: function() {
									location.href = 'login.html'
								}
							})
						} else {
							axios({
									method: 'GET',
									url: url + "/user/userInfo/lquserOwnInfo?phoneNum=" + rloginName,
									data: {}
								})
								.then(function(response) {
									vm.uInfoData = response.data;
								})
						}
					},
				}
			})
		</script>
	</body>
</html>
